import { useMediaQuery as _useMediaQuery } from '@vueuse/core'

const isMobile = _useMediaQuery('screen and (max-width: 1023px)')
const isDesktop = _useMediaQuery('screen and (min-width: 1024px)')

const useMediaQuery = () => {
  return {
    isMobile,
    isDesktop
  }
}

export default useMediaQuery
